<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<title>模态框 - 光年(Light Year Admin)后台管理系统模板</title>
		<link rel="icon" href="favicon.ico" type="image/ico">
		<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
		<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
		<meta name="author" content="yinqi">
		<link href="res/css/bootstrap.min.css" rel="stylesheet">
		<link href="res/css/materialdesignicons.min.css" rel="stylesheet">
		<link href="res/css/style.min.css" rel="stylesheet">
	</head>

	<body>
		<div class="container-fluid p-t-15">

			<div class="row">
				<div class="col-lg-12">
					<div class="card">
						<div class="card-header">
							<h4>模态框</h4>
						</div>
						<div class="card-body">

							<button type="button" class="btn btn-primary btn-lg" data-toggle="modal"
								data-target="#myModal">
								点击启动示例
							</button>

							<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
								aria-labelledby="myModalLabel">
								<div class="modal-dialog" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal"
												aria-label="Close"><span aria-hidden="true">&times;</span></button>
											<h4 class="modal-title" id="myModalLabel">标题</h4>
										</div>
										<div class="modal-body">
											您的内容...
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default"
												data-dismiss="modal">关闭</button>
											<button type="button" class="btn btn-primary">点击保存</button>
										</div>
									</div>
								</div>
							</div>

							<hr>
							<h5>可选尺寸</h5>
							<button type="button" class="btn btn-primary" data-toggle="modal"
								data-target=".bs-example-modal-lg">大模态框</button>

							<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"
								aria-labelledby="myLargeModalLabel">
								<div class="modal-dialog modal-lg" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal"
												aria-label="Close"><span aria-hidden="true">×</span></button>
											<h4 class="modal-title" id="myLargeModalLabel">标题（大）</h4>
										</div>
										<div class="modal-body">
											您的内容...
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default"
												data-dismiss="modal">关闭</button>
											<button type="button" class="btn btn-primary">点击保存</button>
										</div>
									</div>
								</div>
							</div>

							<button type="button" class="btn btn-primary" data-toggle="modal"
								data-target=".bs-example-modal-sm">小模态框</button>

							<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog"
								aria-labelledby="mySmallModalLabel">
								<div class="modal-dialog modal-sm" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal"
												aria-label="Close"><span aria-hidden="true">×</span></button>
											<h4 class="modal-title" id="myLargeModalLabel">标题（小）</h4>
										</div>
										<div class="modal-body">
											您的内容...
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default"
												data-dismiss="modal">关闭</button>
											<button type="button" class="btn btn-primary">点击保存</button>
										</div>
									</div>
								</div>
							</div>

						</div>

						<hr>
						<h5>变更模态框内容</h5>
						<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"
							data-whatever="@mdo">编辑</button>
						<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
							aria-labelledby="exampleModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal"
											aria-label="Close"><span aria-hidden="true">&times;</span></button>

									</div>
									<!-- 注册 -->
									<div class="card-body">
										<form action="lyear_forms_elements.html" method="post" onsubmit="return false;">
											<div class="form-group">
												<label for="example-nf-email">姓名</label>
												<input class="form-control" type="text" id="name" name="name"
													placeholder="请输入姓名..">
											</div>
								
				
										
											<div class="form-group">
												<label class="form-group" for="education">职位</label>

												<select class="form-control" id="education" name="education" size="1">
													<option value="">请选择</option>
													<option value="典狱长">典狱长</option>
													<option value="狱警">狱警</option>
													<option value="人事">人事</option>
													<option value="技术人员">技术人员</option>
													<option value="食堂">食堂</option>
													<option value="保安">保安</option>
													<option value="保洁">保洁</option>
													
												</select>

											</div>
											<div class="form-group">
												<label for="example-nf-password">薪水</label>

												<select class="form-control" id="nation" name="nation" size="1">

												</select>

											</div>
											<div class="form-group">
												<label for="example-nf-password">入职日期</label>
												<input class="form-control" type="starttime" id="starttime"
													name="starttime" placeholder="请输入密码..">
											</div>
											<div class="form-group">
											  <label class="" for="example-file-input">上传简历</label>
											  <div class="">
											    <input type="file" id="example-file-input" name="example-file-input">
											  </div>
											</div>
											<div class="form-group">
												<button class="btn btn-primary" type="submit">确定</button>
											</div>
										</form>

									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
									</div>
								</div>
							</div>
						</div>


						<h5>asds</h5>
						<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#test"
							data-whatever="@mdo">添加管理员</button>
						<div class="modal fade" id="test" tabindex="-1" role="dialog"
							aria-labelledby="exampleModalLabel"  >
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal"
											aria-label="Close"><span aria-hidden="true">&times;</span></button>

									</div>
									<!-- 注册 -->
									<div class="card-body">
										<div class="col-lg-4" style="width:100%;">


											<img class="img-circle center-block"
												src=""
												alt="Generic placeholder image" width="140" height="140">
											<h2 style="text-align: center;">Heading</h2>

											<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.
												Nullam id
												dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac
												consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
										</div>

									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
									</div>
								</div>
							</div>
						</div>
						
						<div class="input-group-btn">
						  <button type="button" class="btn btn-default">陈奕迅</button>
						  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						    <span class="caret"></span>
						    <span class="sr-only">Toggle Dropdown</span>
						  </button>
						  <ul class="dropdown-menu">
						    <li><a href="#!">浮夸</a></li>
						    <li><a href="#!">爱情转移</a></li>
						    <li><a href="#!">六月飞雪</a></li>
						    <li role="separator" class="divider"></li>
						    <li><a href="#!">十年</a></li>
						  </ul>
						</div>
						
						
						<div class="row m-b-10">
						  <div class="col-lg-6">
						    <div class="input-group">
						      <div class="input-group-btn">
						        
						        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						          <span class="caret"></span>
						          <span class="sr-only">Toggle Dropdown</span>
						        </button>
						        
						          <select class="form-control" id="choicePartition" name="example-select" size="1">
						            <option value="">请选择分区</option>
						            <option value="一分区">一分区</option>
						            <option value="二分区">二分区</option>
						          </select>
						        
						      </div>
						      <input type="text" class="form-control" aria-label="Text input with segmented button dropdown">
						    </div>
						  </div>
						</div>	
						

						<h6>1</h6>
						<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"
							data-whatever="@mdo">添加管理员</button>
						<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
							aria-labelledby="exampleModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal"
											aria-label="Close"><span aria-hidden="true">&times;</span></button>

									</div>
									<!-- 注册 -->
									<div class="col-lg-4">
										<img class="img-circle"
											src=""
											alt="Generic placeholder image" width="140" height="140">
										<h2>Heading</h2>
										<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id
											dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac
											consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
										<p><a class="btn btn-default" href="https://v3.bootcss.com/examples/carousel/#"
												role="button">View details »</a></p>
									</div>

								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
								</div>
							</div>
						</div>
					</div>
					<div class="input-daterange input-group js-datepicker" data-auto-close="false"
						data-date-format="yyyy-mm-dd">
						
						<div class="form-group">
						<label for="starttime">入狱时间</label>
						<input class="form-control" type="text" id="example-daterange1" name="starttime"
							placeholder="从">
						</div>
						<div class="form-group">
						<label for="endtime">预计出狱时间</label>
						<input class="form-control" type="text" id="example-daterange2" name="endtime" placeholder="至">
						</div>
					</div>
					
					
				</div>
			</div>


		</div>

		<script type="text/javascript" src="res/js/jquery.min.js"></script>
		<script type="text/javascript" src="res/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="res/js/main.min.js"></script>
		<script type="text/javascript">
			<!--时间选择插件
			-->
		<script src="res/js/bootstrap-datetimepicker/moment.min.js"></script>
		<script src="res/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
		<script src="res/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
		<!--日期选择插件-->
		<script src="res/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
		<script src="res/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
		<script type="text/javascript" src="res/js/main.min.js"></script>
	</body>
</html>
